<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>关于我-个人博客</title>
    <meta name="keywords" content="个人博客" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <![endif]-->
</head>
<style>
    .content{
        width: 600px;
        height: 200px;
        border:1px solid #e2e2e2;
    }
    .error{
        font-size: 12px;
        color: red;
    }
    #subbtn{
        background: #829696;
        color: #333;
        text-decoration: none;
        border:1px solid #e2e2e2;
        width:150px;
        height:30px;
        line-height: 26px;
        overflow:hidden;
        display:block ;
        text-align: center;
        margin:  0 auto;
    }
</style>
<script src="https://cdn.bootcss.com/jquery/2.1.2/jquery.min.js"></script>
<script>

    function check(){

        //初始化，清空报错信息
        $("#err_blog_title").html('');
        $("#err_blog_content").html('');

        //验证发布文章的数据

        if ($("#blog_title").val() == "") {
            $("#err_blog_title").html('提示：请填写文章标题！');
            $("#blog_title").focus();
            return false;
        }

        if ($("#blog_content").val() == "") {
            $("#err_blog_content").html('提示：请填写文章内容！');
            $("#blog_content").focus();
            return false;
        }


    }

</script>
<body>
<!--header start-->
<div id="header">
    <h1>个人博客</h1>
    <p>青春是打开了,就合不上的书。人生是踏上了，就回不了头的路，爱情是扔出了，就收不回的赌注。</p>
</div>
<!--header end-->
<!--nav-->
<div id="nav">
    <ul>
        <li><a href="index.php">首页</a></li>
        <li><a href="text1.php">登录</a></li>
        <li><a href="changePwd1.php">修改密码</a></li>
        <li><a href="add_blog1.php">发布文章</a></li>
        <li><a href="BK.php">数据管理</a></li>
        <li><a href="learn.html">学无止境</a></li>
        <li><a href="guestbook.html">留言板</a></li>
        <div class="clear"></div>
    </ul>
</div>
<!--nav end-->
<!--content start-->
<div id="content">
    <!--left-->
    <div class="left" id="about_me">
        <div class="weizi">
            <div class="wz_text">当前位置：<a href="index.php">首页</a>><h1>编辑文章</h1></div>
        </div>
        <div class="about_content">
            <?php

            //连接数据库
            include 'inc/conn.php';

            //验证用户登陆
            include 'inc/checkSesion.php';

            $id = intval($_GET['id']);  //当前要编辑的博文的ID
            $sql = "SELECT blog_title, blog_content FROM blog_info WHERE id=$id ";
            $res = mysqli_query($conn, $sql);
            if (!($rwt = mysqli_fetch_array($res))) {
                die("<script>history.back();</script>");
            }


            if ($_GET['act'] === 'editing') {

                //编辑文章的操作

                $blog_title = $_POST['blog_title'];
                $blog_content = $_POST['blog_content'];

                if (empty($blog_title) || empty($blog_content)) {
                    die("<script>alert('提示：内容有误！');history.back();</script>");
                }

                $sqlEdit = "UPDATE blog_info SET blog_title='".htmlspecialchars($blog_title, ENT_QUOTES)."' ,
                blog_content='".htmlspecialchars($blog_content, ENT_QUOTES)."',
                 up_time=".time()." 
                 WHERE id=".$id;

                $resAdd = mysqli_query($conn, $sqlEdit);


                if (!$resAdd) {
                    die("<script>alert('提示：内容有误！');history.back();</script>");
                }

                echo "<script>alert('文章修改成功！'); window.location.href='index.php';</script>";

            }

            ?>

            <div>

                <form id="form" action="?act=editing&id=<?=$id?>" method="post" onsubmit="return check();">

                    <p>
                        文章标题：<input type="text" name="blog_title" id="blog_title" value="<?=$rwt['blog_title']?>">
                        <label id="err_blog_title" class="error"></label>
                    </p>

                    <p>
                        文章内容：
                        <textarea name="blog_content" id="blog_content" class="content"><?=$rwt['blog_content']?></textarea>
                        <label id="err_blog_content" class="error"></label>
                    </p>

                    <p>
                        <button id="subbtn">修改文章</button>
                        <button type="button" onclick="window.location.href='index.php';">取消修改</button>
                    </p>

                </form>

            </div>
        </div>
    </div>
    <!--end left -->
    <!--right-->
    <div class="right" id="c_right">
        <div class="s_about">
            <h2>关于博主</h2>
            <img src="images/my.jpg" width="230" height="230" alt="博主"/>
            <p>博主：XX</p>
            <p>职业：web前端、视觉设计</p>
            <p>简介：</p>
            <p>
                <a href="#" title="联系博主"><span class="left b_1"></span></a><a href="#" title="加入QQ群，一起学习！"><span class="left b_2"></span></a>
            <div class="clear"></div>
            </p>
        </div>
        <!--栏目分类-->
        <div class="lanmubox">
            <div class="hd">
                <ul><li>精心推荐</li><li>最新文章</li><li class="hd_3">随机文章</li></ul>
            </div>
            <div class="bd">
                <ul>
                    <li><a href="#" title="网站项目实战开发（-）">网站项目实战开发（-）</a></li>
                    <li><a href="#" title="关于响应式布局">关于响应式布局</a></li>
                    <li><a href="#" title="如何创建个人博客网站">如何创建个人博客网站</a></li>
                    <li><a href="#" title="网站项目实战开发（二）">网站项目实战开发（二）</a></li>
                    <li><a href="#" title="为什么新站前期排名老是浮动？(转)">为什么新站前期排名老是浮动？(转)</a></li>
                </ul>
                <ul>
                    <li><a href="#" title="网站项目实战开发（-）">网站项目实战开发（-）</a></li>
                    <li><a href="#" title="关于响应式布局">关于响应式布局</a></li>
                    <li><a href="#" title="如何创建个人博客网站">如何创建个人博客网站</a></li>
                    <li><a href="#" title="网站项目实战开发（二）">网站项目实战开发（二）</a></li>
                    <li><a href="#" title="为什么新站前期排名老是浮动？(转)">为什么新站前期排名老是浮动？(转)</a></li>
                </ul>
                <ul>
                    <li><a href="#" title="网站项目实战开发（-）">网站项目实战开发（-）</a></li>
                    <li><a href="#" title="关于响应式布局">关于响应式布局</a></li>
                    <li><a href="#" title="如何创建个人博客网站">如何创建个人博客网站</a></li>
                    <li><a href="#" title="网站项目实战开发（二）">网站项目实战开发（二）</a></li>
                    <li><a href="#" title="为什么新站前期排名老是浮动？(转)">为什么新站前期排名老是浮动？(转)</a></li>
                </ul>


            </div>
        </div>
        <!--end-->
    </div>
    <!--end  right-->
    <div class="clear"></div>

</div>
<!--content end-->
<!--footer-->
<div id="footer">
    <p>Design by:少年 2014-8-9</p>
</div>
<!--footer end-->
<script type="text/javascript">jQuery(".lanmubox").slide({easing:"easeOutBounce",delayTime:400});</script>
<script  type="text/javascript" src="js/nav.js"></script>
</body>
</html>
